<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>${session['indexName']}</title>
        <meta charset="${_response_encoding}"> 
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="community">
        <meta name="author" content="">

        <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
        <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
        <!--script src="js/less-1.3.3.min.js"></script-->
        <!--append ‘#!watch’ to the browser URL, then refresh the page. -->
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.min.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script type="text/javascript" src="../public/javascripts/html5shiv.js" charset="${_response_encoding}"></script>
        <script type="text/javascript" src="../public/javascripts/respond.min.js"></script>
        <![endif]-->
      <!--[if IE 9]>
          <script type="text/javascript" src="../public/javascripts/respond.min.js"></script>
      <![endif]-->
    </head>
    <body>

     <!-- nav-set -->
      <div class="nav-container container-fluid">
          <!-- logo -->
          <div class="row">
            <h1 class="logo col-md-3 col-md-offset-2 "><a href="/">logo</a></h1>
            <div class="col-md-4 col-md-offset-2 contact">
                <ul class="list-inline">
                    <li><a>关于我们</a></li>
                    <li><a>联系我们</a></li>
                </ul>
                <h3>新广州人热线：</h3> 
                <div class="hot-line">
                    <span>020-399-7093</span>           
                    <span>020-398-3073</span>
                </div>
            </div>
          </div>
          <!-- 导航条 -->
          <div class="navbar navbar-inverse ">
              <div class="container">
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>
                <div class="collapse navbar-collapse">
                  <ul class="nav navbar-nav">
                  
                    <li><a href="@{Application.index}">Home</a></li>
                    <li><a href="@{ShowNews.News}">社区新闻</a></li>
                    <li class="dropdown">
                      <a href="@{ShowCourses.showOnlineCourses }" class="dropdown-toggle" data-toggle="dropdown">免费课堂</a>
                      <ul class="dropdown-menu hidden-xs" role="menu">
                      	<li><a href="@{ShowCourses.showCommunityCourses}">社区课堂</a></li>
                        <li><a href="@{ShowCourses.showOnlineCourses}">在线课堂</a></li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="@{Houses.showHouses}" class="dropdown-toggle" data-toggle="dropdown">社区租房</a>
                      <ul class="dropdown-menu hidden-xs" role="menu">
                        <li><a href="@{Houses.showHouses}">我要租房</a></li>
                        <li><a href="@{Houses.addHouse}">我要出租</a></li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="@{Works.showWorks}" class="dropdown-toggle" data-toggle="dropdown">招工信息</a>
                      <ul class="dropdown-menu hidden-xs" role="menu">
                        <li><a href="@{Works.showWorks}">我要找工</a></li>
                        <li><a href="@{Works.addWork}">我要招工</a></li>
                      </ul>
                    </li>
                    <li><a href="@{Application.back}">信息反馈</a></li>
                  </ul>
                  #{if session.userId}
                  <ul class="nav navbar-nav navbar-right">
                       <li><a href="@{Users.showUserInfo}">个人中心</a></li>
                       <li><a href="@{UserSecures.logout}">退出</a></li>
                   </ul>
                   #{/if}
                   #{else}
                   <ul class="nav navbar-nav navbar-right">
                       <li><a href="@{Application.login}">登陆</a></li>
                   </ul>
                   #{/else}
                </div>
            </div>
          </div>
         </div>
        <!--/.nav-collapse -->
        <!--/.nav-collapse -->
    
        #{doLayout /}

          <!-- footer  contain athor and company message-->
  <footer>
  <div class="row">
    <aside class=" col-md-5 col-md-push-1">
          <h4>友情链接</h4>
          <hr>
            <ul class="list-inline">
              %{for(int i=1;session.get('linkCategory'+i)!=null;i++){ }%
               <li><a data-toggle="modal" data-target="#myModal">${session.get('linkCategory'+i) }</a></li>
              %{} }%
            </ul> 
          </aside>
          <div class="col-md-4 col-md-push-2">
            <div class="further-info  hidden-xs">
                <h4>寻找帮助</h4>
                <ul class="list-inline">
                    <li><a>微博</a></li>
                    <li><a>Twitter</a></li>
                    <li><a>facebook</a></li>
                </ul>
            </div>
            <div class="basic-info">
              <ul class="list-inline">
                <li>版权所有：${session.copyright} </li>
                <li> 地址：${session.address} </li>
                <li>电话：${ session.telephone }</li>
                <li>邮箱：${ session.mailbox }</li>
              </ul>
            </div>				
			   </div>
		</div>
  </div>

  <!-- Button trigger modal -->             
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <h3 class="text-center"></h3>
            </div>
            <div class="modal-body">
            </div>
          </div>
        </div>
      </div> 
  </footer>

<!-- 返回顶部按钮 -->
<a href="#"  class="scrollTop"><i class="glyphicon glyphicon-chevron-up"></i></a>

  <!--<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js" charset="${_response_encoding}"></script> -->
  <script type="text/javascript" src="@{'/public/javascripts/jquery-1.11.1.min.js'}" charset="${_response_encoding}"></script>
  <script>
    if (!window.jQuery) {
    var script = document.createElement('script');
    script.src = "@{'/public/javascripts/jquery-1.11.1.min.js'}";
    document.body.appendChild(script);
    }
</script>
    <!--<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> -->
   <script src="@{'/public/javascripts/bootstrap.min.js'}"></script> 
  <script type="text/javascript" src="@{'/public/javascripts/scripts.js'}" charset="${_response_encoding}"></script>
  <script type="text/javascript" src="@{'/public/javascripts/bootstrapValidator.js'}"charset="${_response_encoding}"></script>

  #{get 'moreScripts' /}
    </body>
</html>
